<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>
		<!-- 公共样式 -->
		<link type="text/css" rel="stylesheet" href="css/public.css" />
		<!-- 页面独立的 -->
		<link type="text/css" rel="stylesheet" href="css/shopping3.css" />
		<!-- bootstrap -->
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<!-- Link Swiper's CSS -->
		<link rel="stylesheet" href="css/swiper-bundle.min.css" />
		
		<style></style>
	</head>
	<body>
		
		<div class="shopping">
			<div class="address">
				<div class="addressimg">
					<img src="img/top1.png">
				</div>
				<div class="addressp">请定位选择自提点 ></div>
			</div>
			<div class="time">
				<div class="time_left">
					收货时间
				</div>
				<div class="time_right">
					12:00前下单1小时内送达
				</div>
			</div>
			<div class="content">
				<div class="content_li">
					<div class="content_li_img1">
						<img src="img/对号.png">
					</div>
					<div class="content_li_img2">
						<img src="img/recommend3.jpg"/>
					</div>
					<div class="content_li_text">
						<div class="content_li_p">
							CP正大食品(CP) 风情骨肉 1kg  白羽鸡 半成品 鸡架 奥尔良风味
						</div>
						<div class="content_li_p1">
							<div class="content_li_p1box">
								限购20个
							</div>
						</div>
						<div class="content_li_p3">
							<div class="content_li_p3p">￥19.9</div>
							<div class="content_li_p3num">
								<div class="button_left">
									<img src="img/button01.png">
								</div>
								<input class="input" type="tel" size="2" value="1">
								<div class="button_right">
									<img src="img/button02.png">
								</div>
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="content_li">
					<div class="content_li_img1">
						<img src="img/对号.png">
					</div>
					<div class="content_li_img2">
						<img src="img/recommend1.jpg"/>
					</div>
					<div class="content_li_text">
						<div class="content_li_p">
							田牧悠致抹茶味鲜奶冰淇淋67g*6支不加一滴水牛奶雪糕生牛乳冰激凌
						</div>
						<div class="content_li_p1">
							<div class="content_li_p1box">
								限购20个
							</div>
							<div class="content_li_p1box">
								特价
							</div>
						</div>
						<div class="content_li_p3">
							<div class="content_li_p3p">￥10.9</div>
							<div class="content_li_p3num">
								<div class="button_left">
									<img src="img/button01.png">
								</div>
								<input class="input" type="tel" size="2" value="1">
								<div class="button_right">
									<img src="img/button02.png">
								</div>
							</div>
						</div>
					</div>
				</div>
				
				
				<div class="content_li">
					<div class="content_li_img1">
						<img src="img/对号.png">
					</div>
					<div class="content_li_img2">
						<img src="img/recommend2.jpg"/>
					</div>
					<div class="content_li_text">
						<div class="content_li_p">
							思念腊汁肉饼陕西风味880g8个半成品早餐速食速冻食品生鲜
						</div>
						<div class="content_li_p1">
							<div class="content_li_p1box">
								限购20个
							</div>
						</div>
						<div class="content_li_p3">
							<div class="content_li_p3p">￥15.9</div>
							<div class="content_li_p3num">
								<div class="button_left">
									<img src="img/button01.png">
								</div>
								<input class="input" type="tel" size="2" value="1">
								<div class="button_right">
									<img src="img/button02.png">
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="content_lif">
					<div class="content_lif_left">
						<div class="content_lif_img1">
							<img src="img/对号.png">
						</div>
						<span class="span">全选</span>
					</div>
					<div class="content_lif_right">
						<span class="span">已选3件,</span>
						<span class="span1">合计:</span>
						<span class="span2">
							￥<span>46.7</span>
						</span>
						<button class="buttonh">结算下单</button>
					</div>
					
				</div>
				
			</div>
			
		</div>
		
		
		
		<!-- 底部空白 -->
		<!-- <div class="bottomblank"></div> -->
		
		<!-- 底部 -->
		<div class="bottom">
			<a href="index.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom1.png" />
				</div>
				<div class="bottom_lip">首页</div>
			</a>
			<a href="classification2.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom2.png" />
				</div>
				<div class="bottom_lip">分类</div>
			</a>
			<a href="shopping3.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom3.png" />
				</div>
				<div class="bottom_lip">购物</div>
			</a>
			<a href="person4.html" class="bottom_li">
				<div class="bottom_liimg">
					<img src="img/bottom4.png" />
				</div>
				<div class="bottom_lip">我的</div>
			</a>
		</div>
		
	</body>
</html>
<!-- bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- jquery  -->
<script src="js/jquery.min.js"></script>
<!-- wow.js -->
<script src="js/wow.min.repeat.js"></script>
<!-- Swiper JS -->
<script src="js/swiper-bundle.min.js"></script>

<script>
	//实例化wow.js
	new WOW().init()

	//锚点跳转滑动效果  
	$('#bs-example-navbar-collapse-1 a[href],#banner a[href],#back a[href]').click(function() {
		if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this
			.hostname) {
			var $target = $(this.hash);
			$target = $target.length && $target || $('[name=' + this.hash.slice(1) + ']');
			if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body').animate({
					scrollTop: targetOffset
				}, 1000);
				return false;
			}
		}
	});

	//给页面绑定一个滚动条事件
	$(document).scroll(function() {
		//获取滚动条滚动长度大小
		var distance = $(this).scrollTop()

		// 	当滚动条滚动的长度大于150
		if (distance > 150) {
			// 显示返回顶部
			$("#gotop").css({
				zIndex: 99998,
				opacity: 1
			});
		} else {
			// 隐藏返回顶部
			$("#gotop").css({
				zIndex: -99998,
				opacity: 0
			});
		}
	})
</script>